.box{
    :global{
        .InsuranceProbar{
            height: 400px;
            .box{
                width: 100%;
                padding: 10px;
                height: 100%;
                display: flex;
                flex-direction: column;
                
                .list{
                    height: 100%;
                    .item{
                        border: none;
                        .item-brief{
                            display: flex;
                            cursor: pointer;
                            .item-box{
                                flex: 1;
                                padding: 5px 2px;
                                .col{
                                    width: 100%;
                                    // text-align: center;
                                    line-height: 30px;
                                }
                            }
                        }
                        .item-brief:hover{
                            background-color: rgba(0, 255, 255, 0.173);
                        }
                        .item-detail{
                            padding: 0 3px;
                            background-color: rgba(0, 255, 255, 0.113);
                            width: 100%;
                            display: none;
                        }
                        .active{
                            display: block;
                        }
                       
                    }
                    .head-item{
                        border-bottom: 1px solid white;
                    }
                }
                .head{
                    height: 40px;
                }
                .tabody{
                    flex: 1;
                    overflow-y: auto;
                }
            }
        }
    }
}